@use '../../scss/mixins.scss' as *;

@include b('date-period') {
  display: flex;
  align-items: center;

  @include e('select') {
    margin-right: 8px;
    width: var(--bbx-date-period-select-width, 60px);
  }

  @include e('picker') {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  @include e('period-time-input') {
    --el-date-editor-width: var(--bbx-date-editor-width, 150px);
    width: var(--bbx-date-editor-width, 150px);
  }

  @include e('separator') {
    margin: 0 8px;
  }
}
